
<form id="danhDe" class="clear menu-tab" data-tab="danhde">

    <h1 class="label-bigwhite-1 danhde">Đánh đề</h1>

    <div id="mien" class="box left">.</div>

    <div id="lode" class="box left">.</div>

    <div id="chonso" class="box left">.</div>

</form>

<script>
    initDanhDe();
    handleDanhDe();

    function initDanhDe() {
        ajaxLoadMenuMien();
        ajaxLoadMenuLoaiDe();
    }
    function ajaxLoadMenuMien() {
        $.ajax({
            url: URL_LODE + '/View/danhde.php',
            type: 'POST',
            data: {action: 'LOADREGION'},
            beforeSend: function() {
                mb.createloadingTable1('#danhDe #mien');
            },
            success: function(data) {
                $('#mien').html(data);
                handleCheckedBox();
                var regionID = $('#mien > .content > li.actived').data('region');
                mb.destroyloadingTable1();
                ajaxLoadMenuLoaiDe(regionID);
            }
        });
    }
    function ajaxLoadMenuLoaiDe(regionID) {
        $.ajax({
            url: URL_LODE + '/View/danhde.php',
            type: 'POST',
            data: {
                action: 'LOADTHREAD',
                regionID: regionID
            },
            beforeSend: function() {
                mb.createloadingTable1('#danhDe #lode');
            },
            success: function(data) {
                $('#lode').html(data);
                var regionID = $('#lode > .content > li.actived').data('region');
                var threadID = $('#lode > .content > li.actived').data('thread');
                mb.destroyloadingTable1();
                ajaxLoadChoiDe(regionID, threadID);
            }
        });
    }
    function ajaxLoadChoiDe(regionID, threadID) {
        $.ajax({
            url: URL_LODE + '/View/danhde.php',
            type: 'POST',
            data: {
                action: 'LOADCHOIDE',
                regionID: regionID,
                threadID: threadID
            },
            beforeSend: function() {
                mb.createloadingTable1('#danhDe #chonso');
            },
            success: function(data) {
                $('#chonso').html(data);
                handleCheckedBox();
            },
            complete: function() {
                mb.destroyloadingTable1();
            }
        });
    }

    function handleDanhDe() {
        $('#danhDe').delegate('.content > li > a', 'click', function() {
            var box = $(this).closest('.box');
            box.find('.content > li').removeClass('actived');
            $(this).parent('li').addClass('actived');
            $(this).parent('li').find('> ul').show();
        });

        $('#mien').delegate('.content > li > a', 'click', function() {
            var regionID = $(this).parent('li').data('region');
            regionID === "B" ? $(this).siblings('[name="provinceID"]').attr('checked', 'checked') :
                    $(this).siblings('[name="provinceID"]').removeAttr('checked');
            ajaxLoadMenuLoaiDe(regionID);
        });

        $('#lode').delegate('.content > li', 'click', function() {
            var regionID = $(this).data('region');
            var threadID = $(this).data('thread');
            ajaxLoadChoiDe(regionID, threadID);
        });

        $('#chonso').delegate('#tabChonsode ul.tab > li', 'click', function() {
            var tabName = $(this).attr('data-tab');
            $(this).parent('ul.tab').find('> li').removeClass('actived');
            $(this).addClass('actived');
            $(this).parent('ul.tab').siblings('ul.content').find('> li').removeClass('actived');
            $(this).parent('ul.tab').siblings('ul.content').find('> li[data-tab|="' + tabName + '"]').addClass('actived');
        });

        $('#chonso').delegate('#tabChonsode ul.tab-sp > li', 'click', function() {
            var tabName = $(this).attr('data-tab');
            $(this).parent('ul.tab-sp').find('> li').removeClass('actived');
            $(this).addClass('actived');
            $(this).parent('ul.tab-sp').siblings('ul.content-sp').find('> li').removeClass('actived');
            $(this).parent('ul.tab-sp').siblings('ul.content-sp').find('> li[data-tab|="' + tabName + '"]').addClass('actived');
            //.stop().show("slide", {direction: "right"}, 500)
        });


        $('form#danhDe').delegate('#chonso input[name="numberBet"]', 'click', function() {
            var $contentSP = $(this).closest('ul.content-sp');
            var thread = $contentSP.data('thread');
            var no = $contentSP.data('noallow');
            if (thread === "LX") {
                var nChecked = $contentSP.find('input[name="numberBet"]:checked').length;
                if (nChecked > no) {
                    $(this).removeAttr('checked');
                    handleCheckedBox();
                    openDialogMessage("Lỗi", "Bạn đã chọn đủ số để đánh !</br>" +
                            "Lô xiên " + no + " số chỉ được phép chọn " + no + " số");
                }

            }
        });


        $('form#danhDe').delegate('#chonso input[name="submit"]', 'click', function() {
            if (validateDanhde()) {
                var provinceArr = new Array();
                var $mienItemActived = $('form#danhDe #mien ul.content > li.actived');
                $mienItemActived.find('input[name="provinceID"]:checked').each(function() {
                    provinceArr.push($(this).val());
                });

                var $chonsoTabActived = $('form#danhDe #chonso ul.tab > li.actived');
                var $chonsoContentActived = $('form#danhDe #chonso ul.content > li.actived');
                var threadID = $chonsoContentActived.find('ul.content-sp').attr('data-thread');
                var subthreadruleID = $chonsoTabActived.attr('data-tab');
                var noNum = $chonsoContentActived.find('ul.content-sp').attr('data-no');

                var numberbetArr = new Array();
                if (noNum == 4) {
                    var numbetBet4 = "";
                    $chonsoContentActived.find('.selectedbox').each(function() {
                        numbetBet4 = numbetBet4 + $(this).find('label').text();
                    });
                    numberbetArr.push(numbetBet4);
                } else {
                    if (threadID === "LX") {
                        var numbetBet = "";
                        $chonsoContentActived.find('input[name="numberBet"]:checked').each(function() {
                            numbetBet = numbetBet + $(this).val() + '-';
                        });
                        numberbetArr.push(numbetBet);
                    } else {
                        $chonsoContentActived.find('input[name="numberBet"]:checked').each(function() {
                            numberbetArr.push($(this).val());
                        });
                    }
                }

                var betMoney = $chonsoContentActived.find('input[name="betMoney"]').val();
                var totalBetMoney = 0;

                if (provinceArr.length > 0) {
                    var dataArr = [];
                    for (i = 0; i < provinceArr.length; i++) {
                        for (j = 0; j < numberbetArr.length; j++) {
                            var data = {};
                            data.ProvinceID = provinceArr[i];
                            data.SubThreadRuleID = subthreadruleID;
                            data.BetNumber = numberbetArr[j];
                            data.BetMoney = betMoney;
                            totalBetMoney += parseInt(betMoney);
                            dataArr.push(data);
                        }
                    }
                    ajaxChoiDe(dataArr, totalBetMoney);
                }
            }
        });
    }
    function ajaxChoiDe(dataArr, totalBetMoney) {
        $.ajax({
            url: URL_LODE + '/View/danhde.php',
            type: 'POST',
            data: {
                action: 'HANDLEBET',
                TotalBetMoney: totalBetMoney,
                BetInfo: dataArr
            },
            success: function(data) {
                if (data == -1)
                    openDialogMessage("Thông Báo", "Vui lòng đăng nhâp trước để chơi !");
                else if (data == 0)
                    openDialogMessage("Thông Báo", "Xin lỗi, chúng tôi chỉ nhận cược trước 16h00 hàng ngày !");
                else if (data == 1)
                    openDialogMessage("Thông Báo", "Bạn phải cược số tiền lớn hơn tiền tối thiểu !");
                else if (data == 2)
                    openDialogMessage("Thông Báo", "Số dư hiện tại của bạn không đủ để cược</br>" +
                            "Vui lòng nạp thêm !");
                else
                    openDialogMessage("Thông Báo", "Bạn đã cược thành công </br>" +
                            "Kết quả cược của bạn sẽ có khi có KQXS !");
            }
        });
    }

    function validateDanhde() {
        var $mienItemActived = $('form#danhDe #mien ul.content > li.actived');
        var $chonsoContentActived = $('form#danhDe #chonso ul.content > li.actived');
        var threadID = $chonsoContentActived.find('ul.content-sp').attr('data-thread');
        var noNum = $chonsoContentActived.find('ul.content-sp').attr('data-no');
        var noAllow = $chonsoContentActived.find('ul.content-sp').attr('data-noallow');

        var nMienChecked = $mienItemActived.find('input[name="provinceID"]:checked').length;
        if (nMienChecked === 0) {
            openDialogMessage("Cảnh báo", "Vui lòng chọn tỉnh đánh !");
            return false;
        }

        if (noNum != 4) {
            var nChonsoNumberBet = $chonsoContentActived.find('input[name="numberBet"]:checked').length;
            if (threadID === "LX") {
                if (nChonsoNumberBet < parseInt(noAllow)) {
                    openDialogMessage("Cảnh báo", "Bạn phải chọn đủ " + noAllow + " số đánh !");
                    return false;
                }
            } else {
                if (nChonsoNumberBet === 0) {
                    openDialogMessage("Cảnh báo", "Vui lòng chọn số đánh !");
                    return false;
                }
            }
        }
        return true;
    }
</script>